<template>
  <el-row :class="'candidate-info-box'">
    <!-- v-show="isShowCandidate" -->
    <!-- <div class="sub-module-title">候选人信息</div> -->
    <HPModuleTitle
      titleText="候选人信息"
      :showIcon="false"
      :showMarBottom="true"
    ></HPModuleTitle>
    <el-row class="info-box" v-if="candidateInfo">
      <el-col :span="23" class="info-item">
        <p>候选信息</p>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 姓名 </span>
        <span class="item-sign">：</span>
        <span class="info-item-txt">
          {{ candidateInfo.name }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 学历 </span>
        <span class="item-sign">：</span>
        <span class="info-item-txt">
          {{ candidateInfo.record }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 工作经验(年) </span>
        <span class="item-sign">：</span>
        <span class="info-item-txt">
          {{ candidateInfo.handsOn }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 在离职状态 </span>
        <span class="item-sign">：</span>
        <span class="info-item-txt">
          {{ candidateInfo.isInJob }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 最快到岗时间 </span>
        <span class="item-sign">：</span>
        <span class="info-item-txt">
          {{ candidateInfo.comeTime }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 联系电话 </span>
        <span class="item-sign">：</span>
        <span class="info-item-txt">
          {{ candidateInfo.phone }}
        </span>
      </el-col>
      <el-col :span="24" class="info-item">
        <span class="info-item-tip"> 推荐理由 </span>
        <span class="item-sign">：</span>
        <span class="info-item-txt info-item-desc-txt">
          {{ candidateInfo.desc }}
        </span>
      </el-col>
    </el-row>
  </el-row>
</template>
<script>
import HPModuleTitle from "../HPModuleTitle";
export default {
  props: {
    candidateInfo: {
      type: Object,
      default: {},
    },
    isShowCandidate: {
      type: Boolean,
      default: false,
    },
  },
  components: {
    HPModuleTitle,
  },
  data() {
    return {};
  },
};
</script>
<style lang="scss">
@import "~@/assets/scss/mixins.scss";
.candidate-info-box {
  padding: 20px;
  background-color: #fff;
  // margin-top: 20px;
  height: auto;
  overflow: hidden;
  border-radius: 6px;
  .info-box {
    width: 100%;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 5px;
    p {
      font-family: "PingFang SC";
      font-style: normal;
      font-weight: 700;
      font-size: 14px;
      line-height: 22px;
      color: #212121;
      padding-left: 10px;
      position: relative;
      padding-bottom: 20px;
      &::after {
        content: " ";
        display: inline-block;
        width: 4px;
        height: 16px;
        background: $-bakcground-secondary;
        position: absolute;
        top: 3px;
        left: 0;
      }
    }
    .info-item {
      // width: 100%;
      display: inline-block;
      text-align: left;
      font-size: 14px;
      color: #636363;
    }
    .info-item-tip {
      display: inline-block;
      width: 100px;
      height: 40px;
      line-height: 40px;
      text-indent: 5px;
      float: left;
    }
    .item-sign {
      float: left;
      line-height: 40px;
      height: 40px;
      display: inline-block;
    }
    .info-item-txt {
      float: left;
      display: inline-block;
      line-height: 40px;
    }
    .info-item-desc-txt {
      float: left;
      width: 80%;
      line-height: 20px;
      margin-top: 11px;
    }
  }
}
</style>
